<template>
  <div class="shade">
    <div class="content">
      <p class="iconfont icon-jiazaizhong"></p>
      <!-- <span>加载中</span> -->
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import '@/style/base.scss';
.shade {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  div {
    font-size: to(50);
    transform: translate(-50%, -50%);
    position: fixed;
    top: 50%;
    left: 50%;
    .iconfont {
      text-align: center;
      font-size: to(50)!important;
      animation: rotate 1s linear infinite;
    }
    @keyframes rotate {
      100% {
        transform: rotate(720deg);
      }
    }
    span {
      font-size: to(22);
    }
  }
}
</style>
